<template>
  <div class="main-container-app">
    <el-row class="form-contain" >
      <ill-park-form @handleQueryIllPark="handleQueryIllPark"></ill-park-form>
    </el-row>
    <div class="table-contain">
      <ill-park-table :searchList="illParkRes" :listLoadingDataRe="loading"
                      @handleCurrentChangeDataRe="handleCurrentChangeIllPark"
                      @handleSizeChangeDataRe="handleSizeChangeIllPark"></ill-park-table>
    </div>
  </div>

</template>

<script>
  /* eslint-disable */
  import {fetchListDataRe} from "../../api/recoll/dataRe";
  import IllParkForm from "./compreChild/illParkForm";
  import IllParkTable from "./compreChild/illParkTable";

  export default {
    components: {
      IllParkTable,
      IllParkForm
    },
    data(){
      return{
        illParkRes:null,
        loading:false,
        queryData:'',
        listQuery: {
          page: 1,
          limit: 20
        }

      }
    },
    methods:{
      handleQueryIllPark(val){
        this.queryData=val
        this.listQuery.page=1
        this.listQuery.limit=20
        this.getDataListIllPark()
      },
      handleCurrentChangeIllPark(val){
        this.listQuery.page = val
        this.getDataListIllPark()
      },
      handleSizeChangeIllPark(val){
        this.listQuery.limit=val
        this.listQuery.page = 1
        this.getDataListIllPark()
      },
      getDataListIllPark(){
        this.loading=true
      //   fetchListIllPark(this.listQuery,this.queryData).then(res=>{
      //       this.dataReRes=res
      //       this.loading=false
      //     },
      //     ()=>{
      //       this.loading=false
      //     })
      }
    }
  }
</script>

<style scoped>

</style>
